'use strict';
import React, {Component, PropTypes} from 'react';
import { connect } from 'react-redux';
import { Row, Col, Table, Alert } from 'antd';

import './style.less';

class Screen extends Component {
    constructor(props) {
        super(props);
    }

    render() {
        const dataSource = [{
            key: '1',
            name: '胡彦斌',
            age: 32,
            address: '西湖区湖底公园1号'
        }, {
            key: '2',
            name: '胡彦祖',
            age: 42,
            address: '西湖区湖底公园1号'
        }];

        const columns = [{
            title: '姓名',
            dataIndex: 'name',
            key: 'name',
        }, {
            title: '年龄',
            dataIndex: 'age',
            key: 'age',
        }, {
            title: '住址',
            dataIndex: 'address',
            key: 'address',
        }];

        return (
            <span>
              <div className="manage-area-title">
                  <h2>请选择问题类型</h2>
              </div>
              <div className="manage-area-title secondary-title hide">
                  <a href="javascript:;" className="back-link">
                      <i className="btn-back-icon"/>提交工单
                  </a>
                  <span className="line-icon">|</span>
                  <h2>公共基础类问题</h2>
              </div>
              <div className="manage-area-main">
                  <div className="work-order-box">
                      <Alert
                          message="消息提示的文案"
                          description="消息提示的辅助性文字介绍消息提示的辅助性文，字介绍消息提示的辅助性文字介绍"
                          type="info"
                          showIcon
                      />
                      <Table dataSource={dataSource} columns={columns}/>
                  </div>
              </div>
          </span>
        )
    }
}

export default Screen;
